body {
    margin: 0px 20px;
    padding: 0px;
    text-align: center;
    color: #000000;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #434343;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-attachment: fixed;
}
/*
* menus principals estil mac os X
*
*/
.dock{

    background-image:url("../images/banner.jpg");
    background-position: -30px 0px;
    border-bottom: 3px #ffffff solid;
    width:1000px;
    height:175px;
    padding:0px;
    border-left: 3px #ffffff solid;
    border-right: 3px #ffffff solid;
}
.contingut {
    position:relative;
    width:1000px;
    top:5px;
    border:3px #ffffff solid;
    background-color: #969696;
    padding-bottom: 30px;
}
.dock-container {
    position:relative;
    width:500px;
    top: -8px;
    height: 70px;
    padding-left: 20px;
    margin: 0 40% 0 0;
}
span{
    color:white;
}
.submenu{
    display:none;
}
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
a.dock-item:hover .submenu{
    color:blue;
}
.dock-item span { display: none; padding-left: 20px; }
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }

/* Submenu */

.menup a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
}
.menu{
    margin:0px;
    padding:0px;
}
.menup td{
    margin:0px;
    padding:0px;
    text-align: center;
}
.menup {
    margin:0px;
    padding:0px;
}
.menup a:hover  {
    background-color: #ffcd3a; }
.menup a.menuselec {
    background-color: #FF9900;
    border:3px #FF6633 solid;
    color:white;
}

/* titul */
h1 {
    text-align: center;
    padding:5px;
    padding-left: 20px;
    font-weight:bold;
    font-size:15px;
    margin:0px;
    border-bottom: 3px #ffffff solid;
    background-color: #FF9900;
    color:White;
    margin-bottom: 25px;
}
/*error*/
h2 {
    text-align: center;
    padding:5px;
    padding-left: 20px;
    margin:0px;
    border-bottom: 3px #ffffff solid;
    background-color: #434343;
    color:Red;
    font-size:2em;
    width:70%;
    margin:auto;
    margin-bottom: 25px;
}

/* taulas de dades */
.taula{
    padding:3px;
    margin:auto;
    padding:5px;    
    border-collapse:separate;
    border-spacing:5px;
}
.taula td.capçalera{
    font-size:18px;
    border-bottom:3px white solid;
    background-color:#FF9900;
    border-top:1px white solid;
    border-bottom:3px white solid;
    padding:6px;
    padding-left:12px;
    font-weight:bold;
    color:white;
}
.taula td.camp{
    background-color:#FF9900;
    border:1px white solid;
    padding:3px;
    text-align:center;
}
.taula td.valor{
    background-color:#CCCCCC;
    border:1px white solid;
    padding:3px;
    padding-left:40px;
}
.taula td.sub{
    font-size:14px;
    border-bottom:3px white solid;
    background-color:#FF9900;
    border-top:1px white solid;
    border-bottom:3px white solid;
    padding:6px;
    padding-left:12px;
    font-weight:bold;
    color:white;
}
.taula td.tauindex{
    background-color:#FF9900;
    border:1px white solid;
    padding:3px;
    text-align: center;
}
.taula td.parrafo{
    font-size:14px;
    background-color:#CCCCCC;
    border:1px white solid;
    padding:3px;
    padding-left:12px;
    color:black;
    text-align:center;

}
.taula a:hover {
    font-size:15px;
    font-weight:bold;
}

/*enllaços */
a{text-decoration:none;font-size:13px}
.dock-container span{
    font-size:15px;
    font-weight:bold;
    color:black;
}
.timer, .timer:hover, .timer:focus{
    border:1px orange solid;
    background-color:black;
    color:white;
    margin-left:25px;
}